<template>
  <div>
    <ToolBarComponent ref="role-query-bar">
      <InputComponent input-name="roleName" input-lable="角色名"></InputComponent>
    </ToolBarComponent>
    <ButtonBarRowComponent>

    </ButtonBarRowComponent>
    <GridComponent
        ref="roleManageGFrid"
        :auto-load="true"
        key-property-name="id"
        grid-name="roleManageGFrid"
        select-moduel="single"
        load-url="roleManager/queryRole.do"
        max-height-prop="83%"
        :paging-moduel="true"
    >
      <GridColumnComponent width="150" index-name="角色名"/>
    </GridComponent>
  </div>
</template>

<script>
import ToolBarComponent from "@/components/toolbar/ToolBarComponent";
import InputComponent from "@/components/input/InputComponent";
import GridComponent from "@/components/grid/GridComponent";
import GridColumnComponent from "@/components/grid/GridColumnComponent";
import ButtonBarRowComponent from "@/components/button/ButtonBarRowComponent";

export default {
  name: "RoleManageMain",
  components: {ButtonBarRowComponent, GridColumnComponent, GridComponent, InputComponent, ToolBarComponent}
}
</script>

<style scoped>

</style>